﻿<!DOCTYPE HTML>

<html>
<head>
	<meta charset="utf-8" />
	<title>Creperie Online Delivery</title>
	<!--  Site skin stylesheet  -->	
	<link rel="stylesheet" href="css\mystyle.css" />
	<!--  Button skin stylesheet  -->	
	<link rel="stylesheet" href="css\button.css" />
	<!--  jCarousel skin stylesheet  -->
	<link rel="stylesheet" type="text/css" href="css/skin.css" />
	<script type="text/javascript"  src="bus_functions\javascript\indexFunctions.js"></script>		
	<!--  jQuery library  -->
	<script type="text/javascript" src="bus_functions\javascript\jquery-1.4.2.min.js"></script>
	<!--  jCarousel library  -->
	<script type="text/javascript" src="bus_functions\javascript\jquery.jcarousel.min.js"></script>
	<!--  jCarousel functions  -->
	<script type="text/javascript" src="bus_functions\javascript\carousel.js"></script>
</head>

<body>
	<header id="banner">
		<img src="/img/crepe.png " align="right" alt="some_text"/>
		<h1> Our Logo </h1>
	</header>
	
	<div id="login">
		<h3>Register / Login </h3>
		<table>
			<tbody>
				<tr> 
					<th align="right"><label for="u_name">Username</label></th> 
					<th><input type="text" id="u_name" size="40"/></th>
				</tr>
				<tr> 
					<th align="right"><label for="pass">Password</label></th> 
					<th><input type="text" id="pass" size="40"/></th>
				</tr>
			</tbody>
			<tfoot>
				<tr> <th align="right" colspan=2>
				<table>
					<col width="130" />
					<col width="130" />
					<col width="130" />
					<tr>
						<th>
							<a href="#" class="button">
								<span class="confirm">Login</span>
							</a>
						</th>
						<th>			
							<a href="#" class="button">
								<span class="cancel">Cancel</span>
							</a>
						</th>
						<th>
							<a href="#" class="button">
								<span class="register">Register</span>
							</a>
						</th>
					</tr>
				</table>
				</th></tr>
			</tfoot>	
		</table>
		</br>
	</div>
	
	</br>
	<div id="wrap">
			<h3>Επέλεξε από τις έτοιμες προτάσεις μας: </h3>
		<ul id="mycarousel" class="jcarousel-skin-tango">
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
			<li><img src="http://lorempixum.com/200/200/food" width="200" height="200" alt="" /></li>
		</ul>
	</div>
	
	</br>
	<div id="make_crepes">
		<h3>Φτιάξε την δική σου Κρέπα: </h3>
		<table>
			<tr>
				<th valign=top> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Τυριά </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Gouda</th> 
								<th>0,7</th> 
								<th><input id="gouda" type="text" id="no" size="1" maxlength="2" value="0"/>
						<input type="button" value="+" onclick="increaseValue('gouda')"/>
						<input type="button" value="-" onclick="decreaseValue('gouda')">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Μανούρι</th> 
								<th>0,7</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th valign=top> 
					<table 	border="1">	
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Αλλαντικά </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Γαλοπούλα Καπνιστή</th> 
								<th>0,8</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Ζαμπον</th> 
								<th>0,6</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th valign=top> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Αλοιφές </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Τυροσαλάτα</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Philadelphia</th> 
								<th>0,4</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th valign=top> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Extras </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
						<tr> 
								<th>1</th> 
								<th>Ντομάτα</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Μαρούλι</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
			</tr>
			<tr>
			</tr>
			<tr>
				<th valign=top> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Πραλίνες </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Μερέντα</th> 
								<th>0,5</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Nutella</th> 
								<th>0,5</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>
						</tbody>
					</table>
				</th>
				<th valign=top> 
					<table 	border="1">	
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Specials </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Μπισκότο</th> 
								<th>0,1</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Φουντούκι</th> 
								<th>0,3</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th valign=top> 
					<table 	border="1">
						<col width="20" />
						<col width="200" />
						<col width="100" />
						<col width="110" />
						<thead>
							<tr> <th align="Center" colspan=4> Extras </th> </tr>
							<tr> <th>No.</th> <th>Υλικό</th> <th>Τιμή</th> <th>Ποσότητα</th> </tr>
						</thead>
						<tbody>
							<tr> 
								<th>1</th> 
								<th>Παγωτό</th> 
								<th>1.0</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
							<tr> 
								<th>2</th> 
								<th>Φρούτα</th> 
								<th>1.0</th> 
								<th><input type="text" id="no" size="1" maxlength="2" value="0"/>
									<input type="submit" value="+">
									<input type="submit" value="-">
								</th> 
							</tr>	
						</tbody>
					</table>
				</th>
				<th> 
				</th>
			</tr>
			<tfoot>
				<tr> <th align="right" colspan=4>
				<table>
					<col width="270" />
					<col width="10" />
					<col width="220" />
					<tr>
						<th>
							<a href="#" class="button" onclick="addCrepe();return false;">
								<span class="confirm" >Καταχώρηση Κρέπας!</span>
							</a>
						</th>
						<th></th>
						<th>			
							<a href="#" class="button">
								<span class="cancel">Ακύρωση Κρέπας</span>
							</a>
						</th>
					</tr>
				</table>
				</tr>
			</tfoot>
		</table>		
			
		</br>
	</div>
	
	</br>
	
	
	<table align="Top" >
		<col width="1100">
		<col width="400">
		<tbody>
			<th id="order" valign=top>
				<div id=order>	
					<h3>Στοιχεία παραγγελίας: </h3>
					<table 	id="con_table" border="1">
						<col width="1200"/>
						<col width="100"/>
						<thead>
							<tr> <th>Υλικά</th> <th>Τιμή</th> </tr>
						</thead>
						<tbody>
							<!--<tr> <th>null</th> <th>0</th>  </tr>-->
						</tbody>
						<tfoot>
							<tr> <th align="right">Συνολικό Ποσό :</th> <th>0</th> </tr>
						</tfoot>
					</table>
					</br>
				</div>
			</th>
			<th id="info"  valign=top> 
				<form>	
					<div id=order>
						<h3>Στοιχεία Πελάτη: </h3>	
						<table>			
							<tr> 
								<th><label for="name">Όνομα</label></th> 
								<th><input type="text" id="name" size="30" maxlength="20"/></th>
							</tr>
							<tr> 
								<th><label for="sname">Επώνυμο</label></th>
								<th><input type="text" id="sname" size="30" maxlength="20"/></th>
							</tr>
							<tr>
								<th><label for="street">Οδός</label></th>
								<th><input type="text" id="street" size="30" maxlength="20"/></th>
							</tr>
							<tr>
								<th><label for="num">Αριθμός</label></th>
								<th><input type="text" id="num" size="30" maxlength="3"/></th>
							</tr>
							<tr>
								<th><label for="floor">Όροφος</label></th>
								<th><input type="text" id="floor" size="30" maxlength="2"/></th>
							</tr>
							<tr>
								<th><label for="phone">Τηλέφωνο</label></th>
								<th><input type="text" id="phone" size="30" maxlength="13"/></th>
							</tr>
						</table>
						</br>
					</div>
				</form>
			</th>
		</tbody>
		<tfoot>
			<table>
				<col width="280" />
				<col width="10" />
				<col width="280" />
				<tr>
					<th>
						<a href="#" class="button">
							<span class="confirm" >Αποστολή Παραγγελίας</span>
						</a>						
					</th>
					<th></th>
					<th>
						<a href="#" class="button" >
							<span class="cancel" >Ακύρωση Παραγγελίας</span>
						</a>
					</th>					
				</tr>
			</table>
		</tfoot>
	</table>


	<footer>
		<a href="#">Συχνές Ερωτήσεις & Απαντήσεις </a></br>
		<ul class="foot">
			<li><a href="#">CopyLeft</a></li>
			<li><a href="mailto:email@email.gmail">Στείλτε μας E-Mail</a></li>
			<li><a href="#">Πολιτική Απορρήτου</a></li>
			<li><a href="#">Designed by the Team</a></li>
		</ul>	
	</footer>	
</body>
</html>